home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 July & August / PCWorld_2006-07-08_cd.bin / v cisle / acehtml / acehtmlfreeware.exe / scriptdef / Up-down Slideshow.sd < prev    next >
INI File  |  2004-06-28  |  5KB  |  229 lines
  1. [SUBJECT]
  2. Description=Up-Down Slide Show Script
  3. ImageIndex=-1
  4. Folder=Graphical Effects
  5.  
  6.  
  7. [BODY_TEXT]
  8.  
  9. ;
  10. ;<script language="JavaScript1.2">
  11. ;
  12. ;/*
  13. ;Up down slideshow Script-
  14. ;Updated: 99/05/15 
  15. ;By Dynamic Drive (www.dynamicdrive.com)
  16. ;For full source code, installation instructions,
  17. ;100's more DHTML scripts, and Terms Of
  18. ;Use, visit dynamicdrive.com
  19. ;*/
  20. ;
  21. ;///////configure the below four variables to change the style of the slider///////
  22. ;//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
  23. ;var scrollerwidth=`scroller_width`;
  24. ;var scrollerheight=`scroller_height`;
  25. ;var scrollerbgcolor='`scrollerbgcolor`';
  26. ;//3000 miliseconds=3 seconds
  27. ;var pausebetweenimages=`pause_between_images`;
  28. ;
  29. ;
  30. ;//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
  31. ;var slideimages=new Array();
  32. ;slideimages[0]='<a href="`url`"><img src="`image0`" border=0"></a>';
  33. ;
  34. #Macro place
  35. ;//extend this list
  36. ;
  37. ;///////Do not edit pass this line///////////////////////
  38. ;
  39. ;
  40. ;if (slideimages.length>1)
  41. ;i=2;
  42. ;else
  43. ;i=0;
  44. ;
  45. ;function move1(whichlayer){
  46. ;tlayer=eval(whichlayer);
  47. ;if (tlayer.top>0&&tlayer.top<=5){
  48. ;tlayer.top=0;
  49. ;setTimeout("move1(tlayer)",pausebetweenimages);
  50. ;setTimeout("move2(document.main.document.second)",pausebetweenimages);
  51. ;return;
  52. ;}
  53. ;if (tlayer.top>=tlayer.document.height*-1){
  54. ;tlayer.top-=5;
  55. ;setTimeout("move1(tlayer)",100);
  56. ;}
  57. ;else{
  58. ;tlayer.top=scrollerheight;
  59. ;tlayer.document.write(slideimages[i]);
  60. ;tlayer.document.close();
  61. ;if (i==slideimages.length-1)
  62. ;i=0;
  63. ;else
  64. ;i++;
  65. ;}
  66. ;}
  67. ;
  68. ;function move2(whichlayer){
  69. ;tlayer2=eval(whichlayer);
  70. ;if (tlayer2.top>0&&tlayer2.top<=5){
  71. ;tlayer2.top=0;
  72. ;setTimeout("move2(tlayer2)",pausebetweenimages);
  73. ;setTimeout("move1(document.main.document.first)",pausebetweenimages);
  74. ;return;
  75. ;}
  76. ;if (tlayer2.top>=tlayer2.document.height*-1){
  77. ;tlayer2.top-=5;
  78. ;setTimeout("move2(tlayer2)",100);
  79. ;}
  80. ;else{
  81. ;tlayer2.top=scrollerheight;
  82. ;tlayer2.document.write(slideimages[i]);
  83. ;tlayer2.document.close();
  84. ;if (i==slideimages.length-1)
  85. ;i=0;
  86. ;else
  87. ;i++;
  88. ;}
  89. ;}
  90. ;
  91. ;function move3(whichdiv){
  92. ;tdiv=eval(whichdiv);
  93. ;if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
  94. ;tdiv.style.pixelTop=0;
  95. ;setTimeout("move3(tdiv)",pausebetweenimages);
  96. ;setTimeout("move4(second2)",pausebetweenimages);
  97. ;return;
  98. ;}
  99. ;if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
  100. ;tdiv.style.pixelTop-=5;
  101. ;setTimeout("move3(tdiv)",100);
  102. ;}
  103. ;else{
  104. ;tdiv.style.pixelTop=scrollerheight;
  105. ;tdiv.innerHTML=slideimages[i];
  106. ;if (i==slideimages.length-1)
  107. ;i=0;
  108. ;else
  109. ;i++;
  110. ;}
  111. ;}
  112. ;
  113. ;function move4(whichdiv){
  114. ;tdiv2=eval(whichdiv);
  115. ;if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
  116. ;tdiv2.style.pixelTop=0;
  117. ;setTimeout("move4(tdiv2)",pausebetweenimages);
  118. ;setTimeout("move3(first2)",pausebetweenimages);
  119. ;return;
  120. ;}
  121. ;if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
  122. ;tdiv2.style.pixelTop-=5;
  123. ;setTimeout("move4(second2)",100);
  124. ;}
  125. ;else{
  126. ;tdiv2.style.pixelTop=scrollerheight;
  127. ;tdiv2.innerHTML=slideimages[i];
  128. ;if (i==slideimages.length-1)
  129. ;i=0;
  130. ;else
  131. ;i++;
  132. ;}
  133. ;}
  134. ;
  135. ;function startscroll(){
  136. ;if (document.all){
  137. ;move3(first2);
  138. ;second2.style.top=scrollerheight;
  139. ;}
  140. ;else if (document.layers){
  141. ;document.main.visibility='show';
  142. ;move1(document.main.document.first);
  143. ;document.main.document.second.top=scrollerheight+5;
  144. ;document.main.document.second.visibility='show';
  145. ;}
  146. ;}
  147. ;
  148. ;window.onload=startscroll;
  149. ;
  150. ;</script>
  151. ;
  152. ;
  153. ;
  154. ;
  155. ;<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
  156. ;<layer id="first" left=0 top=1 width=&{scrollerwidth}; >
  157. ;<script language="JavaScript1.2">
  158. ;if (document.layers)
  159. ;document.write(slideimages[0]);
  160. ;</script>
  161. ;</layer>
  162. ;<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
  163. ;<script language="JavaScript1.2">
  164. ;if (document.layers)
  165. ;document.write(slideimages[1]);
  166. ;</script>
  167. ;</layer>
  168. ;</ilayer>
  169. ;
  170. ;<script language="JavaScript1.2">
  171. ;if (document.all){
  172. ;document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">');
  173. ;document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');
  174. ;document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">');
  175. ;document.write(slideimages[0]);
  176. ;document.writeln('</div>');
  177. ;document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">');
  178. ;document.write(slideimages[1]);
  179. ;document.writeln('</div>');
  180. ;document.writeln('</div>');
  181. ;document.writeln('</span>');
  182. ;}
  183. ;</script>
  184. ;
  185.  
  186.  
  187. [MACRO_ITEM]
  188. ;slideimages[`index`]='<img alt="" src="`image`">'
  189. ;
  190.  
  191.  
  192. [`index`]
  193. Visible=0
  194.  
  195.  
  196. [`image`]
  197. Kind=U
  198. Value=Image.gif
  199.  
  200.  
  201.  
  202. [`image0`]
  203. Kind=U
  204. Value=Image0.gif
  205.  
  206.  
  207. [`scroller_width`]
  208. Kind=N
  209. Value=103
  210.  
  211. [`scroller_height`]
  212. Kind=N
  213. Value=106
  214.  
  215.  
  216. [`scrollerbgcolor`]
  217. Kind=C
  218. Value=white
  219.  
  220.  
  221. [`pause_between_images`]
  222. Kind=N
  223. Value=3000
  224.  
  225. [`url`]
  226. Kind=U
  227. Value=http://www.cnn.com
  228.  
  229.